<template>
	<view class="">
		<view class="naviheadbg Row margin30" :style="[{ height: CustomBar + 'px' }]">
			<view class="" style="font-size: 50upx;"><text class="cuIcon-back" v-if="isBack" @tap="BackPage"></text></view>
			<view class="">{{ title }}</view>
			<view class=""><slot name="right"></slot></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			StatusBar: this.StatusBar,
			CustomBar: this.CustomBar
		};
	},
	props: {
		isBack: {
			type: [Boolean, String],
			default: false
		},
		title: {
			type: String,
			default: ''
		}
	},
	methods: {
		BackPage() {
			uni.navigateBack({
				delta: 1
			});
		}
	}
};
</script>

<style>
.naviheadbg {
	/* width: 750upx; */
	align-items: center;
	justify-content: space-between;
	font-size: 32upx;
	font-weight: 500;
}
</style>
